<!DOCTYPE html>
<html lang="zh">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/javascript" src="js/modernizr.custom.79639.js"></script> 
		<!--[if lte IE 8]>
			 <link rel="stylesheet" type="text/css" href="css/simple.css" />
		<![endif]-->
    </head>
    <body>
        <div class="container">
			<div class="st-container">
			
				<input type="radio" name="radio-set" checked="checked" id="st-control-1"/>
				<a href="#st-panel-1">One</a>
				<input type="radio" name="radio-set" id="st-control-2"/>
				<a href="#st-panel-2">Two</a>
				<input type="radio" name="radio-set" id="st-control-3"/>
				<a href="#st-panel-3">Three</a>
				<input type="radio" name="radio-set" id="st-control-4"/>
				<a href="#st-panel-4">Four</a>
				<input type="radio" name="radio-set" id="st-control-5"/>
				<a href="#st-panel-5">Five</a>
				
				<div class="st-scroll">
				
					<!-- Placeholder text from http://hipsteripsum.me/ -->
					
					<section class="st-panel" id="st-panel-1">
						<div class="st-deco" data-icon="A"></div>
						<h2>Happy Birthday!</h2>
						<p>庆幸我们走过的九年有余，庆幸我在年轮韶华中遇见你。</p>
						<img src="./fonts/004.png" width="300px" height="450px" style="margin-top: 10%; margin-left: 15%;" alt="">
					</section>
					
					<section class="st-panel st-color" id="st-panel-2">
						<div class="st-deco" data-icon="2"></div>
						<h2>Best Wish</h2>
						<p>愿你是清新的海风，鼓起白色的船帆。</p>
					</section>
					
					<section class="st-panel" id="st-panel-3">
						<div class="st-deco" data-icon="G"></div>
						<h2>We are Friends</h2>
						<p>时间冲不淡友情的酒，距离拉不开思念的手！</p>
					</section>
					
					<section class="st-panel st-color" id="st-panel-4">
						<div class="st-deco" data-icon="B"></div>
						<h2 style="margin-top: 10%;">Come On！</h2>
						<img src="./fonts/work.jpg" width="800px" height="371px" style="margin-left: 28%; margin-top: 10%;" alt="">
					</section>

					<section class="st-panel" id="st-panel-5">
						<div class="st-deco" data-icon="x"></div>
						<h2>More</h2>
						<p>更多的故事我们共同书写</p>
					</section>
					

				</div><!-- // st-scroll -->
				
			</div><!-- // st-container -->
			
        </div>
	</body>
</html>